<html>
	<head>
		<head>
			<title>系统用户编辑</title>
			<meta charset="utf-8">
			<link href="../../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
			<link href="../../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
			<link href="../../css/animate.css" rel="stylesheet">
			<link href="../../css/style.css?v=4.1.0" rel="stylesheet">
			<link href="../../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
			<link rel="stylesheet" type="text/css" href="../../css/plugins/jsTree/style.min.css" />
		</head>
	</head>

	<body class="gray-bg">
		<div id="vue" v-cloak>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<form class="form-horizontal form-bordered" id="slifeForm">
									<div class="form-body">
										<div class="form-group">
											<label class="col-sm-3 control-label">角色名<span class="required">*</span></label>

											<div class="col-sm-8">
												<input type="text" name="name" class="form-control" placeholder="请输入名称" v-model="sysData.name">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">状态<span class="required">*</span></label>

											<div class="col-sm-8">
												<select class="form-control" v-model="sysData.state" name="state">
													<option value="1">启用</option>
													<option value="2">禁用</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">菜单树</label>

											<div class="col-sm-8">
												<div id="menuTree"></div>
											</div>
										</div>
									</div>

									<template v-if="action != 'detail'">
										<div class="form-group">
											<label class="col-sm-3 control-label"></label>
											<div class="col-sm-8">
												<button type="submit" class="btn btn-primary green">保存</button>
											</div>
										</div>
									</template>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js -->
		<script src="../../js/jquery.min.js?v=2.1.4"></script>
		<script src="../../js/vue.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="../../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="../../js/plugins/layer/layer.min.js"></script>
		<script src="../../js/hplus.js"></script>
		<script src="../../js/contabs.js"></script>
		<script src="../../js/plugins/pace/pace.min.js"></script>
		<script src="../../js/plugins/jsTree/jstree.min.js" type="text/javascript"></script>
		<script src="../../js/plugins/validate/jquery.validate.min.js"></script>
		<script src="../../js/plugins/validate/messages_zh.min.js"></script>
		<script src="../../js/zuoben/zuoben.js"></script>
		<script src="../../js/role/addAndEdit.js"></script>
	</body>

</html>